function changeq(num){
	for(var id = 1;id<=7;id++)
	{
		var MrJin="change_con"+id;
		var MrJin2="title"+id;
		if(id==num){
		document.getElementById(MrJin2).className = "onactive";
		document.getElementById(MrJin).style.display="block";
		}else{
		document.getElementById(MrJin).style.display="none";
		document.getElementById(MrJin2).className = "";
		}
	}
	if(num==1) 
	document.getElementById("changetitle").className="change_title change_title_b1";
	if(num==2)
	document.getElementById("changetitle").className="change_title change_title_b2";
	if(num==3)
	document.getElementById("changetitle").className="change_title change_title_b3";
	if(num==4)
	document.getElementById("changetitle").className="change_title change_title_b4";
}
function changecolor(num){
	for(var id = 1;id<=7;id++)
	{
		var MrJin="title"+id;
		if(id==num)
		document.getElementById(MrJin).className = "onactive";
		else
		document.getElementById(MrJin).className = "";
	}
}
//#######################################


function cchangebar(num){
	for(var id = 1;id<=7;id++)
	{
		var MrJin="cbar"+id;
		var MrJin2="socontent"+id;
		if(id==num){
		document.getElementById(MrJin).className = "cbaractives";
		document.getElementById(MrJin2).style.display="block";
		}else{
		document.getElementById(MrJin).className = "";
		document.getElementById(MrJin2).style.display="none";
		}
	}
}



//######2#################################
function changeq(num){
	for(var id = 1;id<=2;id++)
	{
		var MrJin="change_con"+id;
		var MrJin2="title"+id;
		if(id==num){
		document.getElementById(MrJin2).className = "onactive";
		document.getElementById(MrJin).style.display="block";
		}else{
		document.getElementById(MrJin).style.display="none";
		document.getElementById(MrJin2).className = "";
		}
	}
	if(num==1) 
	document.getElementById("changetitle").className="change_title change_title_s1";
	if(num==2)
	document.getElementById("changetitle").className="change_title change_title_s2";
	if(num==3)
	document.getElementById("changetitle").className="change_title change_title_s3";
	if(num==4)
	document.getElementById("changetitle").className="change_title change_title_s4";
}
function changecolor(num){
	for(var id = 1;id<=2;id++)
	{
		var MrJin="title"+id;
		if(id==num)
		document.getElementById(MrJin).className = "onactive";
		else
		document.getElementById(MrJin).className = "";
	}
}
//#######################################


function cchangebars(num){
	for(var id = 1;id<=2;id++)
	{
		var MrJin="cbars"+id;
		var MrJin2="socontents"+id;
		if(id==num){
		document.getElementById(MrJin).className = "cbaractives1";
		document.getElementById(MrJin2).style.display="block";
		}else{
		document.getElementById(MrJin).className = "";
		document.getElementById(MrJin2).style.display="none";
		}
	}
}


//######4444#################################
function changeq(num){
	for(var id = 1;id<=4;id++)
	{
		var MrJin="change_con"+id;
		var MrJin2="title"+id;
		if(id==num){
		document.getElementById(MrJin2).className = "onactive";
		document.getElementById(MrJin).style.display="block";
		}else{
		document.getElementById(MrJin).style.display="none";
		document.getElementById(MrJin2).className = "";
		}
	}
	if(num==1) 
	document.getElementById("changetitle").className="change_title change_title_p1";
	if(num==2)
	document.getElementById("changetitle").className="change_title change_title_p2";
	if(num==3)
	document.getElementById("changetitle").className="change_title change_title_p3";
	if(num==4)
	document.getElementById("changetitle").className="change_title change_title_p4";
}
function changecolor(num){
	for(var id = 1;id<=4;id++)
	{
		var MrJin="title"+id;
		if(id==num)
		document.getElementById(MrJin).className = "onactive";
		else
		document.getElementById(MrJin).className = "";
	}
}
//#######################################


function cchangebarsl(num){
	for(var id = 1;id<=4;id++)
	{
		var MrJin="cbarsl"+id;
		var MrJin2="socontentsl"+id;
		if(id==num){
		document.getElementById(MrJin).className = "cbaractivesl";
		document.getElementById(MrJin2).style.display="block";
		}else{
		document.getElementById(MrJin).className = "";
		document.getElementById(MrJin2).style.display="none";
		}
	}
}

//######4444444#################################
function changeq(num){
	for(var id = 1;id<=4;id++)
	{
		var MrJin="change_con"+id;
		var MrJin2="title"+id;
		if(id==num){
		document.getElementById(MrJin2).className = "onactive";
		document.getElementById(MrJin).style.display="block";
		}else{
		document.getElementById(MrJin).style.display="none";
		document.getElementById(MrJin2).className = "";
		}
	}
	if(num==1) 
	document.getElementById("changetitle").className="change_title change_title_m1";
	if(num==2)
	document.getElementById("changetitle").className="change_title change_title_m2";
	if(num==3)
	document.getElementById("changetitle").className="change_title change_title_m3";
	if(num==4)
	document.getElementById("changetitle").className="change_title change_title_m4";
}
function changecolor(num){
	for(var id = 1;id<=4;id++)
	{
		var MrJin="title"+id;
		if(id==num)
		document.getElementById(MrJin).className = "onactive";
		else
		document.getElementById(MrJin).className = "";
	}
}
//#######################################


function cchangebarsm(num){
	for(var id = 1;id<=4;id++)
	{
		var MrJin="cbarsm"+id;
		var MrJin2="socontentsm"+id;
		if(id==num){
		document.getElementById(MrJin).className = "cbaractivesm";
		document.getElementById(MrJin2).style.display="block";
		}else{
		document.getElementById(MrJin).className = "";
		document.getElementById(MrJin2).style.display="none";
		}
	}
}



//######55555#################################
function changeq(num){
	for(var id = 1;id<=5;id++)
	{
		var MrJin="change_con"+id;
		var MrJin2="title"+id;
		if(id==num){
		document.getElementById(MrJin2).className = "onactive";
		document.getElementById(MrJin).style.display="block";
		}else{
		document.getElementById(MrJin).style.display="none";
		document.getElementById(MrJin2).className = "";
		}
	}
	if(num==1) 
	document.getElementById("changetitle").className="change_title change_title_f1";
	if(num==2)
	document.getElementById("changetitle").className="change_title change_title_f2";
	if(num==3)
	document.getElementById("changetitle").className="change_title change_title_f3";
	if(num==4)
	document.getElementById("changetitle").className="change_title change_title_f4";
}
function changecolor(num){
	for(var id = 1;id<=5;id++)
	{
		var MrJin="title"+id;
		if(id==num)
		document.getElementById(MrJin).className = "onactive";
		else
		document.getElementById(MrJin).className = "";
	}
}
//#######################################


function cchangebarsf(num){
	for(var id = 1;id<=5;id++)
	{
		var MrJin="cbarsf"+id;
		var MrJin2="socontentsf"+id;
		if(id==num){
		document.getElementById(MrJin).className = "cbaractivesf";
		document.getElementById(MrJin2).style.display="block";
		}else{
		document.getElementById(MrJin).className = "";
		document.getElementById(MrJin2).style.display="none";
		}
	}
}
